<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>测试异步请求</h1>
<input type="button" value="发出请求" onclick="fn()">
<!--引入axios框架-->
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<script>
    function fn() {
        //发出异步get请求
        axios.get("/helloAxios").then(function (response) {//请求成功时执行此方法
        //response 对象表示的是服务器响应的内容
            alert(response.data);//data是服务器返回的数据
        }).catch(function (error) {//请求失败时执行此方法
            //error 表示错误信息
            alert(error);
        });
        //catch方法可以不写,如果有错误会在控制台中提示


    }
</script>
</body>
</html>